.form {
  padding: 0 16px;
}

mdc-text-field  {
  margin-bottom: 10px;
  width: 100%;
  height: 48px;
}

.form-header {
  margin-bottom: 8px;
  margin-left: -16px !important;
  margin-right: -16px !important;
}

mdc-select {
  height: 48px;
  width: 100%;
  margin-bottom: 16px;

  &::ng-deep {
    select {
      height: 48px;
    }
  }
}

mdc-checkbox {
  &::before, &::after {
    background-color: #6200ee;
  }

  &::ng-deep {
    .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, 
    .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
        border-color: #6200ee;
        background-color: #6200ee;
    }
  }
}